вопрос насчет вложенности

[esoteric]

всем привет!

верстаю макет в котором есть задний фон (в стилях body) + shadow (который вложен в wrapper прижат к потолку).Когда я добавляю картинку в header то добавляю margin-top и почему у меня едет вниз также shadow .Почему ? Ведь header вложен в wrapper ,почему это влияет на него? 

я это вопрос решил запихав shadow в body но охото понять почему не получилость с wrapper'ом

http://codepen.io/fainberg/pen/oxpMqb?editors=1100#anon-login

 

Edited April 8, 2016 by esoteric
ссылка

[Igor Schnaider]

Можете так. Вообще, это из-за margin-collapsing.

#wrapper:before {
  content: '';
  display: table;
  clear: both;
}

 

[esoteric]

Спасибо не догадался..Сейчас просто вставил border-top: 1px во wrapper 

Edited April 8, 2016 by esoteric